<template>
    <view class="" style="height: 100%;background-color: #ffffff;padding:10rpx 20rpx;">
        <view class="myava"
            style="padding: 10rpx 40rpx;border: 1px solid #53afdc;border-radius: 5rpx;  box-shadow:0 0 4px #06c;display: flex;flex-direction: column;justify-content: center;">
            <view style="display: flex;justify-content: space-between;align-items: center;">
                <view style="display: flex;align-items: center;align-items: center;">
                    <image style="width: 70rpx;height: 70rpx;border-radius: 50%;" :src="userinfo.userUrl"
                        mode="aspectFill">
                    </image>
                    <text
                        style="font-size: 26rpx;color: #666666;font-weight: bold;padding-left: 6rpx;">{{userinfo.name}}</text>
                </view>
                <view class="">
                    <text style="color: #31cfff;font-size: 26rpx;">{{toptitleinfo.lvName}}</text>
                    <text style="color: #31cfff;font-size: 26rpx;padding-left: 4rpx;">(排名:{{toptitleinfo.rank}})</text>
                </view>
            </view>
            <view style="display: flex;width: 100%;justify-content: center;flex-direction: column;align-items: center;">
                <view style="color: #000000;width: 100%;text-align: right;">
                    <text style="padding-right: 10rpx;font-size: 24rpx;">总分值:{{toptitleinfo.score}}</text>
                    <text style="font-size: 24rpx;">升级所需分值:{{toptitleinfo.needScore}}</text>
                </view>
                <view class="" style="display: flex;align-items: center;width: 100%;">
                    <fprogress style="width: 100%;" :number="toptitleinfo.rate"></fprogress>
                </view>
            </view>
        </view>
        <view class="infotitle">
            <view class="uni-card uni-border" style="border:1px solid #DCDCDC;margin: 10px 10px 0 10px;">
                <view class="uni-card__header uni-border-bottom" style="padding: 10rpx 20rpx;" @click="f_infolist">
                    <view class="uni-card__header-box">
                        <view class="uni-card__header-content">
                            <text class="uni-card__header-content-title uni-ellipsis"
                                style="font-size: 28rpx;">重要通知</text>
                        </view>
                    </view>
                    <view class="uni-card__header-extra">
                        <text class="uni-card__header-extra-text">更多>></text>
                    </view>
                </view>
                <view class="uni-card__content uni-card__content--pd">
                    <view class="scroll_box">
                        <template v-if="infolist.length==1">
                            <view v-for="(item,index) in infolist" :key="index" @tap.stop="f_infotitle(item)"
                                style="display: flex;align-items: center;">
                                <view class="roll_title">
                                    <view style="flex: 1; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;">
                                        <text>>>{{item.titile}}</text>
                                    </view>
                                    <view>
                                        <text>{{item.createTime}}</text>
                                    </view>
                                </view>
                            </view>
                        </template>
                        <swiper class="swiper" v-if="infolist.length==2" circular="true" vertical="true"
                            display-multiple-items="2" :autoplay="autoplay" :interval="interval" :duration="duration">
                            <swiper-item v-for="(item,index) in infolist" :key="index" @click="f_infotitle(item)"
                                style="display: flex;align-items: center;">
                                <view class="roll_title">
                                    <view style="flex: 1; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;">
                                        <text>>>{{item.titile}}</text>
                                    </view>
                                    <view>
                                        <text>{{item.createTime}}</text>
                                    </view>
                                </view>
                            </swiper-item>
                        </swiper>
                        <swiper class="swiper" circular="true" vertical="true" display-multiple-items="3"
                            v-if="infolist.length>=3" :autoplay="autoplay" :interval="interval" :duration="duration">
                            <swiper-item v-for="(item,index) in infolist" :key="index" @click="f_infotitle(item)"
                                style="display: flex;align-items: center;">
                                <view class="roll_title">
                                    <view style="flex: 1; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;">
                                        <text>>>{{item.titile}}</text>
                                    </view>
                                    <view>
                                        <text>{{item.createTime}}</text>
                                    </view>
                                </view>
                            </swiper-item>
                        </swiper>
                    </view>
                </view>
            </view>
        </view>
        <view class="infotitlejys">
            <view class="uni-card uni-border" style="border:1px solid #DCDCDC;margin: 10px 10px 0 10px;">
                <!--  <view class="uni-card__header uni-border-bottom" style="padding: 10rpx 20rpx;" @click="f_infolist">
                    <view class="uni-card__header-box">
                        <view class="uni-card__header-content">
                            <text class="uni-card__header-content-title uni-ellipsis"
                                style="font-size: 28rpx;">教研室排名</text>
                        </view>
                    </view>
                </view> -->
                <view class="uni-card__content uni-card__content--pd">
                    <view class="scroll_box">
                        <view class="seckill-section m-t" style="padding: 10rpx 0;">
                            <scroll-view class="floor-list" scroll-x>
                                <view class="scoll-wrapper">
                                    <view v-for="(item, index) in seclevel" :key="index" class="floor-item"
                                        style="padding: 0 10rpx;">
                                        <!--   <image src="../../static/img/gj.png" mode="scaleToFill"
                                            style="height: 50rpx;width: 50rpx;" v-if="index==0"></image>
                                        <image src="../../static/img/yj.png" mode="scaleToFill"
                                            style="height: 50rpx;width: 50rpx;" v-if="index==1"></image>
                                        <image src="../../static/img/jj.png" mode="scaleToFill"
                                            style="height: 50rpx;width: 50rpx;" v-if="index==2"></image> -->
                                        <view
                                            style="position: relative; height: 70rpx;width: 70rpx;border: 1px solid #EE7E20;border-radius: 50%;display: flex;align-items: center;justify-content: center;"
                                            v-if="index==0">
                                            <image style="height: 55rpx;width: 55rpx;border-radius: 50%;"
                                                :src="item.sectionAvatar" mode="aspectFill"></image>
                                            <view
                                                style="border: 1px solid #FFFFFF; background-color: #E92626; position: absolute;right: -10rpx;bottom: 0; height: 35rpx;width: 35rpx;border-radius: 50%;display: flex;align-items: center;justify-content: center;">
                                                <text class="txt-white">{{item.seq}}</text>
                                            </view>
                                        </view>
                                        <view
                                            style="position: relative;height: 70rpx;width: 70rpx;border: 1px solid #EE7E20;border-radius: 50%;display: flex;align-items: center;justify-content: center;"
                                            v-else>
                                            <image :src="item.sectionAvatar"
                                                style="height: 55rpx;width: 55rpx;border-radius: 50%;"
                                                mode="aspectFill"></image>
                                            <view v-if="index==1"
                                                style="border: 1px solid #FFFFFF; background-color: #F68F2E; position: absolute;right: -10rpx;bottom: 0; height: 35rpx;width: 35rpx;border-radius: 50%;display: flex;align-items: center;justify-content: center;">
                                                <text class="txt-white">{{item.seq}}</text>
                                            </view>
                                            <view v-else-if="index==2"
                                                style="border: 1px solid #FFFFFF; background-color: #B87945; position: absolute;right: -10rpx;bottom: 0; height: 35rpx;width: 35rpx;border-radius: 50%;display: flex;align-items: center;justify-content: center;">
                                                <text class="txt-white">{{item.seq}}</text>
                                            </view>
                                            <view v-else
                                                style="border: 1px solid #FFFFFF; background-color: #BCBCBC; position: absolute;right: -10rpx;bottom: 0; height: 35rpx;width: 35rpx;border-radius: 50%;display: flex;align-items: center;justify-content: center;">
                                                <text class="txt-white">{{item.seq}}</text>
                                            </view>
                                        </view>
                                        <text class="title"
                                            style="color: #000000;font-size: 22rpx;">{{item.sectionName}}</text>
                                        <text class="title"
                                            style="color: #BCBCBC;font-size: 20rpx;">平均分:{{item.score}}分</text>
                                    </view>
                                </view>
                            </scroll-view>
                        </view>
                    </view>
                </view>
            </view>
        </view>
        <view :style="{'height':appheight-infotitle-infotitlejys-myava-paddingheight+'px'}">
            <scroll-view scroll-x class="bg-white nav hometab">
                <view class="flex text-center">
                    <view class="cu-item flex-sub" :class="index==current?'line-blue cur':''"
                        v-for="(item,index) in navList" :key="index" @tap="tabSelect(index)">
                        {{item.text}}
                    </view>
                </view>
            </scroll-view>
            <swiper :current="current" class="swiper-box" duration="300" @change="changeTab"
                :style="{'height':appheight-infotitle-infotitlejys-myava-paddingheight-hometab+'px'}">
                <swiper-item class="tab-content" v-for="(tabItem,tabIndex) in navList" :key="tabIndex">
                    <scroll-view class="hei-100" scroll-y @scrolltolower="_getList" v-if="current==0">
                        <empty v-if=" tabItem.orderList.length === 0"></empty>
                        </empty>
                        <view class="steps" v-for="(a, index) in tabItem.orderList" :key="index" v-else
                            @click="f_dfjldetail(a,index)">
                            <view class="steps_item">
                                <view class="s_r">
                                    <view class="line" style="background-color: #cccccc;"></view>
                                    <view class="index" style="background-color: #5fc8fb;">
                                    </view>
                                    <view class="line" style="background-color: #cccccc;"></view>
                                </view>
                                <view class="s_l">
                                    <view class="info_item">
                                        <view style="width: 88%;display: flex;flex-direction: column;">
                                            <view style="justify-content: space-between;width: 100%;display: flex;">
                                                <view>
                                                    <text style="color: #5fc8fb;">{{a.targetName}}</text>
                                                </view>
                                                <view>
                                                    <text v-if="a.status=='0'" style="color: gray;">未审核</text>
                                                    <text v-if="a.status=='1'" style="color: #498fee;">已审核</text>
                                                    <text v-if="a.status=='2'" style="color: #bd5041;">已驳回</text>
                                                </view>
                                            </view>
                                            <view
                                                style="display: flex;justify-content: space-between;align-items: center;">
                                                <view style="width: 55%;text-align: left;display: flex;">
                                                    <text>指标类型：{{a.targetTypeName}}</text>

                                                </view>
                                                <view style="width: 45%;text-align: left;">
                                                    <text>分值：</text>
                                                    <text style="color: #5fc8fb;">{{a.targetScore}}</text>
                                                </view>
                                            </view>
                                            <view
                                                style="display: flex;justify-content: space-between;align-items: center;">
                                                <view style="width: 55%;text-align: left;">
                                                    <text>指标学期：{{a.schoolTerm}}</text>
                                                </view>
                                                <view style="width: 45%;text-align: left;">
                                                    <text>登记日期：{{f_substring(a.createTime)}}</text>
                                                </view>
                                            </view>
                                            <view
                                                style="display: flex;justify-content: space-between;align-items: center;">
                                                <view style="width: 55%;text-align: left;">
                                                    <text>提报人：{{a.createBy}}</text>
                                                </view>
                                                <view v-show="a.targetScore*1<0" style="width: 45%;text-align: left;">
                                                    <text>被扣分人：{{a.staffName}}</text>
                                                </view>
                                            </view>
                                        </view>
                                        <view v-if="a.status=='0'"
                                            style="border-bottom-right-radius: 10rpx;border-top-right-radius: 10rpx;  width: 12%;background-color: gray;position: absolute;right: 0;top: 0;bottom: 0;display: flex;align-items: center;justify-content: center;">
                                            <text style="color: #ffffff;font-weight: bold;font-size: 32rpx;"
                                                v-if="a.verifyScore*1>0">
                                                +</text>
                                            <text style="color: #ffffff;font-weight: bold;font-size: 32rpx;"
                                                v-if="a.verifyScore==null">
                                                +</text>
                                            <text style="color: #ffffff;font-weight: bold;font-size: 32rpx;">
                                                {{a.targetScore}}</text>
                                        </view>
                                        <view v-if="a.status=='1'"
                                            style="border-bottom-right-radius: 10rpx;border-top-right-radius: 10rpx;  width: 12%;background-color: #498fee;position: absolute;right: 0;top: 0;bottom: 0;display: flex;align-items: center;justify-content: center;">
                                            <text style="color: #ffffff;font-weight: bold;font-size: 32rpx;"
                                                v-if="a.verifyScore*1>0">
                                                +</text>
                                            <text style="color: #ffffff;font-weight: bold;font-size: 32rpx;">
                                                {{a. verifyScore}}</text>
                                        </view>
                                        <view v-if="a.status=='2'"
                                            style="border-bottom-right-radius: 10rpx;border-top-right-radius: 10rpx;  width: 12%;background-color: #bd5041;position: absolute;right: 0;top: 0;bottom: 0;display: flex;align-items: center;justify-content: center;">
                                            <text style="color: #ffffff;font-weight: bold;font-size: 32rpx;"
                                                v-if="a.verifyScore*1>0">
                                                +</text>
                                            <text style="color: #ffffff;font-weight: bold;font-size: 32rpx;">
                                                {{a. targetScore}}</text>
                                        </view>
                                    </view>
                                </view>

                            </view>
                        </view>
                        <!-- <uni-load-more :status="tabItem.loadingType"></uni-load-more> -->
                        <m-loading :loading="tabItem.loading" :finished="tabItem.finished"></m-loading>
                    </scroll-view>
                    <view class="hei-100" style="position: relative;" v-if="current==1">
                        <view class="tui-header-screen" v-if="current==1">
                            <view class="tui-screen-top">
                                <view class="tui-top-item tui-icon-ml"
                                    :class="[tabIndex == 0 ? 'tui-active tui-bold' : '']" data-index="0" @tap="screen">
                                    <view>{{ selectedName }}</view>
                                    <tui-icon :name="selectH > 0 ? 'arrowup' : 'arrowdown'" :size="14"
                                        :color="tabIndex == 0 ? '#e41f19' : '#444'"></tui-icon>
                                </view>
                                <!--下拉选择列表--综合-->
                                <view class="tui-dropdownlist" :class="[selectH > 0 ? 'tui-dropdownlist-show' : '']"
                                    style="overflow:auto;" :style="{ height: selectH + 'rpx' }">
                                    <view class="tui-dropdownlist-item tui-icon-middle"
                                        :class="[item.selected ? 'tui-bold' : '']"
                                        v-for="(item, index) in filterData[0]" :key="index" @tap.stop="dropdownItem"
                                        :data-index="index">
                                        <text class="tui-ml tui-middle">{{ item.text }}</text>
                                        <tui-icon name="check" :size="16" color="#e41f19" :bold="true"
                                            v-if="item.selected"></tui-icon>
                                    </view>
                                </view>
                                <view class="tui-dropdownlist-mask" :class="[selectH > 0 ? 'tui-mask-show' : '']"
                                    @tap.stop="hideDropdownList">
                                </view>
                                <!--下拉选择列表--综合-->
                                <view class="tui-top-item tui-icon-ml"
                                    :class="[tabIndex == 0 ? 'tui-active tui-bold' : '']" data-index="0"
                                    @tap="screendep">
                                    <view>{{ selectedNamedep }}</view>
                                    <tui-icon :name="selectHdep > 0 ? 'arrowup' : 'arrowdown'" :size="14"
                                        :color="tabIndex == 0 ? '#e41f19' : '#444'"></tui-icon>
                                </view>
                                <!--下拉选择列表--综合-->
                                <view class="tui-dropdownlist" :class="[selectHdep > 0 ? 'tui-dropdownlist-show' : '']"
                                    style="overflow:auto;" :style="{ height: selectHdep + 'rpx' }">
                                    <view class="tui-dropdownlist-item tui-icon-middle"
                                        :class="[item.selected ? 'tui-bold' : '']"
                                        v-for="(item, index) in filterData[4]" :key="index" @tap.stop="dropdownItemdep"
                                        :data-index="index">
                                        <text class="tui-ml tui-middle">{{ item.text }}</text>
                                        <tui-icon name="check" :size="16" color="#e41f19" :bold="true"
                                            v-if="item.selected"></tui-icon>
                                    </view>
                                </view>
                                <view class="tui-dropdownlist-mask" :class="[selectHdep > 0 ? 'tui-mask-show' : '']"
                                    @tap.stop="hideDropdownListdep">
                                </view>
                                <!--下拉选择列表--综合-->
                                <view class="tui-top-item tui-icon-ml"
                                    :class="[tabIndex == 0 ? 'tui-active tui-bold' : '']" data-index="0"
                                    @tap="screenjys">
                                    <view>{{ selectedNamejys }}</view>
                                    <tui-icon :name="selectHjys > 0 ? 'arrowup' : 'arrowdown'" :size="14"
                                        :color="tabIndex == 0 ? '#e41f19' : '#444'"></tui-icon>
                                </view>
                                <!--下拉选择列表--综合-->
                                <view class="tui-dropdownlist" :class="[selectHjys > 0 ? 'tui-dropdownlist-show' : '']"
                                    style="overflow:auto;" :style="{ height: selectHjys + 'rpx' }">
                                    <view class="tui-dropdownlist-item tui-icon-middle"
                                        :class="[item.selected ? 'tui-bold' : '']"
                                        v-for="(item, index) in filterData[5]" :key="index" @tap.stop="dropdownItemjys"
                                        :data-index="index">
                                        <text class="tui-ml tui-middle">{{ item.text }}</text>
                                        <tui-icon name="check" :size="16" color="#e41f19" :bold="true"
                                            v-if="item.selected"></tui-icon>
                                    </view>
                                </view>
                                <view class="tui-dropdownlist-mask" :class="[selectHjys > 0 ? 'tui-mask-show' : '']"
                                    @tap.stop="hideDropdownListjys">
                                </view>
                            </view>
                        </view>
                        <scroll-view scroll-y @scrolltolower="_getranklist" v-if="current==1" style="margin-top: 88rpx;"
                            :style="{'height':appheight-infotitle-infotitlejys-myava-paddingheight-hometab-dropitemheight+'px'}">
                            <empty v-if=" tabItem.orderList.length === 0"></empty>
                            </empty>
                            <view class="cu-list menu-avatar" style="margin-top: 10rpx;border-bottom: 1px solid #eee;"
                                @click="f_personscore(a)" v-for="(a,index) in tabItem.orderList" :key="index" v-else>
                                <view class="cu-item tabbb">
                                    <view class="cu-avatar round lg" :style=" 
                                        {backgroundImage:'url('+a.userUrl+')'}">
                                    </view>
                                    <view class="content" style="flex: 1;padding-right: 20rpx;">
                                        <view class="text-grey"
                                            style="color: #000000;display: flex;justify-content: space-between;">
                                            <text style="font-size: 26rpx;">{{a.staffName}}</text>
                                            <text style="font-size: 26rpx;">{{a.deptName}}</text>
                                        </view>

                                        <view class="text-gray text-sm flex"
                                            style="color: #000000;display: flex;justify-content: space-between;">
                                            <text class="text-cut">
                                                {{a.staffNo}}
                                            </text>
                                            <text class=" txt-blue sm">
                                                得分榜:{{a.seq}}
                                            </text>
                                        </view>
                                    </view>
                                    <view class="action" style="width: 150rpx;">
                                        <text class="text-red" style="font-size: 32rpx;">
                                            {{a.score}}分
                                        </text>
                                        <!-- <text style="color: #000000;">
                                            
                                        </text> -->
                                    </view>
                                </view>
                            </view>
                            <m-loading :loading="tabItem.loading" :finished="tabItem.finished"></m-loading>
                        </scroll-view>
                    </view>
                    <view v-if="isadmin" class="hei-100">
                        <scroll-view scroll-x class="bg-white nav hometab">
                            <view class="cu-item flex-sub" style="width: 50%;"
                                :class="index==currentShenhe?'line-blue cur':''" v-for="(item,index) in navListShenhe"
                                :key="index" @tap="tabSelectShenhe(index)">
                                {{item.text}}
                            </view>
                        </scroll-view>

                        <scroll-view
                            :style="{'height':appheight-infotitle-infotitlejys-myava-paddingheight-hometab*2+'px'}"
                            class="hei-100" scroll-y @scrolltolower="_getalllist" v-if="current==2">
                            <empty v-if="navList[2].orderList.length === 0"></empty>
                            </empty>
                            <view class="steps" v-for="(a, index) in navList[2].orderList" :key="index" v-else
                                @click="f_shdetail(a)">
                                <view class="steps_item">
                                    <view class="s_r">
                                        <view class="line" style="background-color: #cccccc;"></view>
                                        <view class="index" style="background-color: #5fc8fb;">
                                        </view>
                                        <view class="line" style="background-color: #cccccc;"></view>
                                    </view>
                                    <view class="s_l">
                                        <view class="info_item">
                                            <view style="width: 90%;display: flex;flex-direction: column;">
                                                <view>
                                                    <text style="color: #5fc8fb;">非专员招生（大专）</text>
                                                </view>
                                                <view
                                                    style="display: flex;justify-content: space-between;align-items: center;">
                                                    <view style="width: 50%;text-align: left;">
                                                        <text>指标类型：{{a.targetTypeName}}</text>
                                                    </view>
                                                    <view style="width: 50%;text-align: left;">
                                                        <text>分值：</text>
                                                        <text style="color: #5fc8fb;">{{a.targetScore}}</text>
                                                    </view>
                                                </view>
                                                <view
                                                    style="display: flex;justify-content: space-between;align-items: center;">
                                                    <view style="width: 50%;text-align: left;">
                                                        <text>指标学期：{{a.schoolTerm}}</text>
                                                    </view>
                                                    <view style="width: 50%;text-align: left;">
                                                        <text>登记日期：{{f_substring(a.createTime)}}</text>
                                                    </view>
                                                </view>
                                                <view
                                                    style="display: flex;justify-content: space-between;align-items: center;">
                                                    <view style="width: 55%;text-align: left;">
                                                        <text>提报人：{{a.createBy}}</text>
                                                    </view>
                                                    <view v-show="a.targetScore*1<0"
                                                        style="width: 45%;text-align: left;">
                                                        <text>被扣分人：{{a.staffName}}</text>
                                                    </view>
                                                </view>
                                            </view>
                                            <view v-if="a.status=='0'"
                                                style="border-radius: 10rpx;background-color: #ff9900;position: absolute;right: 0;top: 0;display: flex;align-items: center;justify-content: center;padding:5rpx 10rpx;">
                                                <text style="color: #ffffff;font-size: 24rpx;">
                                                    待审核</text>
                                            </view>
                                            <view v-if="a.status=='1'"
                                                style="border-radius: 10rpx;background-color: #498fee;position: absolute;right: 0;top: 0;display: flex;align-items: center;justify-content: center;padding:5rpx 10rpx;">
                                                <text style="color: #ffffff;font-size: 24rpx;">
                                                    已通过</text>
                                            </view>
                                            <view v-if="a.status=='2'"
                                                style="border-radius: 10rpx;background-color: #bd5041;position: absolute;right: 0;top: 0;display: flex;align-items: center;justify-content: center;padding:5rpx 10rpx;">
                                                <text style="color: #ffffff;font-size: 24rpx;">
                                                    已驳回</text>
                                            </view>
                                        </view>
                                    </view>

                                </view>
                            </view>
                            <m-loading :loading="tabItem.loading" :finished="tabItem.finished"></m-loading>
                        </scroll-view>
                    </view>
                </swiper-item>
            </swiper>

        </view>
        <myfabre @fabClick="handleFab('提报(加分)','add')"></myfabre>
        <myfab @fabClick="handleFab('提报(减分)','reduce')" v-if="isadmin"></myfab>
    </view>
    <!-- 发布 -->
</template>
<script>
    import uniLoadMore from "@/components/uni-load-more/uni-load-more.vue";
    import myfabre from "@/components/myfab1.vue";
    import myfab from "@/components/myfab.vue";
    import mLoading from "@/components/m-loading.vue";
    import listMixin from "@/common/mixins/mygrowdata-mixin.js";
    import listallMixin from "@/common/mixins/allgorwdata.js";
    import rankScore from "@/common/mixins/rankScore.js";
    import uniPopupDialog from "@/components/uni-popup/uni-popup-dialog.vue";
    import uniPopupShare from "@/components/uni-popup/uni-popup-share.vue";
    import empty from "@/components/empty/empty.vue";
    import { mapMutations, mapState } from "vuex";
    import { timeago, jj, Format, isnull } from "@/common/lib/fun.js";
    import uniCard from "@/components/uni-card/components/uni-card/uni-card.vue";
    import fprogress from "@/components/fprogress/fprogress";
    export default {
        mixins: [listMixin, listallMixin, rankScore],
        data() {
            return {

                sectionId: '',
                currentShenhe: 0,
                infolist: [],
                autoplay: true,
                interval: 3000,
                duration: 2000,

                userinfo: {},
                tabIndex: 0, //顶部筛选索引
                drawer: false,
                selectedName: "学期",
                selectedNamedep: "部门",
                selectedNamejys: "教研室",
                selectH: 0,
                selectHjys: 0,
                selectHdep: 0,
                tabIndexdep: 0, //顶部筛选索引
                tabIndexjys: 0, //顶部筛选索引
                drawerdep: false,
                drawerjys: false,
                navListShenhe: [
                    {
                        state: 0,
                        text: "待我审核",
                    },
                    {
                        state: 1,
                        text: "已审核",
                    },
                ],
                navList: [
                    {
                        state: 0,
                        text: "得分记录",
                        orderList: [],
                        total: 0,
                        page: 1,
                        rows: 5,
                        loading: "more",
                        finished: false,
                    },
                    {
                        state: 1,
                        text: "我的排名",
                        orderList: [],
                        total: 0,
                        page: 1,
                        rows: 5,
                        loading: "more",
                        finished: false,
                    },
                ],
                //
                triggered: false,
                dropitemheight: 0,

                animationData: {},
                animate: false,
                show: false,
                isOpened: "none",

                swipeList: [],
                hometab: 0,
                list: [],
                infotitle: 0,
                infotitlejys: 0,
                myava: 0,
                number: 90,
                appheight: 0,
                navbarheight: 0,
                horizontal: "right",
                vertical: "bottom",
                direction: "horizontal",
                botnavbarheight: 50,
                cHeight: 0,
                tabbarheight: 0,
                avatarheight: 0,
                paddingheight: 0,
                targetBatchId: "",
                deptId: "",
                rankPm: [],
                scoreTab: 0,
                scrollTop: 0,
                borderBottom: false,
                mask: true,
                shid: -1,
                form: {
                    key: "",
                    verifyScore: "",
                },
                options: [],
                options1: [],
                cHeight: 0,
                tabbarheight: 0,
                dropdowmheight: 0,
                filterData: [
                    [
                        {
                            text: "全部",
                            value: "",
                            label: "全部",
                            selected: false,
                        },
                    ],
                    [
                        {
                            text: "全部",
                            value: "",
                            label: "全部",
                        },
                    ],
                    [
                        {
                            text: "全部",
                            value: "",
                            label: "全部",
                        },
                        {
                            text: "待审核",
                            value: "0",
                            label: "待审核",
                        },
                        {
                            text: "已通过",
                            value: "1",
                            label: "已通过",
                        },
                        {
                            text: "未通过",
                            value: "2",
                            label: "未通过",
                        },
                    ],
                    [
                        {
                            text: "全部",
                            value: "",
                            label: "全部",
                        },
                    ],
                    [
                        {
                            text: "全部",
                            value: "",
                            label: "全部",
                        },
                    ],
                    [
                        {
                            text: "全部",
                            value: "",
                            label: "全部",
                        },
                    ],
                ],
                myscore: {},
                listxn1: [],
                shform: {},
                listtab: [
                    {
                        name: "得分记录",
                    },
                    {
                        name: "我的排名",
                    },
                ],
                schoolTerm: "",
                schoolYear: "",
                current: 0,
                swiperCurrent: 0,
                tabsHeight: 0,
                ststus: "",
                dx: 0,
                currentid: "",
                toptitleinfo: {
                    rate: 0,
                    total: 0,
                    lvName: "",
                    needScore: 0,
                    rank: 0,
                    score: 0,
                },
                shstatus: 0,
                seclist: [],
                seclevel: []
            };
        },

        components: {
            uniLoadMore,
            empty,
            myfab,
            myfabre,
            uniCard,
            fprogress,
            uniPopupDialog,
            mLoading,
            uniPopupShare,
        },
        onPageScroll(e) {
            this.scrollTop = e.scrollTop;
        },
        onLoad(options) {
            var t = this;
            if (t.isadmin) {
                t.navList = t.navList.concat([
                    {
                        state: 2,
                        text: "我的审核",
                        orderList: [],
                        total: 0,
                        page: 1,
                        rows: 5,
                        loading: "more",
                        finished: false,
                    },
                ]);
            }
            t.userinfo = t.$cfg.user();
            this._freshing = false;
            setTimeout(() => {
                this.triggered = true;
            }, 1000);
            if (isnull(options.id) == "" || isnull(options.type) == "") {
            } else {
                t.current = options.type;
            }
            t.loadscore();
        },
        computed: {
            isadmin() {
                var arr = [];
                function func(tdata) {
                    if (Array.isArray(tdata) && tdata.length > 0) {
                        tdata.forEach(function (v, i) {
                            arr.push(v.id);
                            func(v.menuResults);
                        });
                    }
                }
                if (isnull(this.$cfg.userlist()) != "") {
                    var tt = this.$cfg.userlist();
                    if (isnull(tt[0].menuResults) != "") {
                        tt[0].menuResults.map((a) => {
                            arr.push(a.id);
                            if (isnull(a.menuResults)) {
                                func(a.menuResults);
                            }
                        });
                    }
                    if (tt[0].menuResults.length == 0 && !arr.includes(129)) {
                        return false;
                    } else if (tt[0].menuResults.length != 0 && arr.includes(145)) {
                        return true;
                    } else {
                        return false;
                    }
                } else {
                    return false;
                }
            },
        },
        created() {
            var t = this;
            t.$nextTick(() => {
                t.f_loadpc();
                t.f_loadwd();
                t.f_loaddep();
                t.f_dw();
                t.f_info();
                t.f_loadsecList();
                t.f_loadsecLevel();
            });
        },

        mounted() {
            var t = this;
            const appheight = uni.getSystemInfoSync();
            t.appheight = appheight.windowHeight;
            const query = uni.createSelectorQuery().in(t);

            t.$nextTick(() => {
                setTimeout(() => {
                    query
                        .select(".myava")
                        .boundingClientRect((data) => {
                            t.myava = data.height;
                            console.log(t.myava);
                        })
                        .exec();
                    query
                        .select(".infotitle")
                        .boundingClientRect((data) => {
                            t.infotitle = data.height + 12;
                        })
                        .exec();
                    query
                        .select(".infotitlejys")
                        .boundingClientRect((data) => {
                            t.infotitlejys = data.height + 12;
                        })
                        .exec();
                    query
                        .select(".hometab")
                        .boundingClientRect((data) => {
                            t.hometab = data.height;
                        })
                        .exec();
                }, 1000);
            });
            t.paddingheight = uni.upx2px(20);
            t.dropitemheight = uni.upx2px(88);
        },

        methods: {
            f_loadsecLevel() {
                var t = this
                t.$api.req_post("staff_grow/staff/stLevel/sec-level", {
                }, "json", false)
                    .then((res) => {
                        if (res.success) {
                            t.seclevel = res.result;

                        }
                    });
            },
            f_loadsecList() {
                var t = this
                t.$api.req_post("staff_grow/staff/stLevel/sec-list", {
                }, "json", false)
                    .then((res) => {
                        if (res.success) {
                            t.seclist = res.result;
                            var arr = []
                            for (let i = 0; i < res.result.length; i++) {
                                let e = res.result[i];
                                var obj = {
                                    value: e.id,
                                    text: e.name,
                                    label: e.name,
                                    selected: false,
                                };
                                arr.push(obj);
                            }
                            arr = arr.reverse();
                            t.filterData[5] = this.filterData[5].concat(arr);
                        }
                    });
            },
            f_personscore(item) {
                var t = this
                uni.navigateTo({
                    url: `/pages/scorePerson/scorePerson?staffId=${item.staffId}&title=${item.staffName}`,
                });
            },
            f_infolist(e) {
                var t = this;
                console.log(e);
                uni.navigateTo({
                    url: `/pages/infoList/infoList`,
                });
            },
            f_infotitle(e) {
                var t = this;
                uni.navigateTo({
                    url: `/pages/notifyinfo/notifyinfo?id=${e.id}`,
                });
            },

            //swiper 切换
            changeTab(e) {
                this.current = e.target.current;
                if (e.target.current == 0) {
                    this._getList("tabChange");
                }
                if (e.target.current == 1) {
                    this._getranklist("tabChange");
                }
                if (e.target.current == 2) {
                    this._getalllist("tabChange");
                }
            },

            f_info() {
                var t = this;
                t.$api
                    .req_post("staff_grow/sys/annountCement/list", {
                        msgCategory: 2, pageNo: 1,
                        pageSize: 20,
                    }, "json", false)
                    .then((res) => {
                        if (res.success) {
                            t.infolist = res.result.records;
                        }
                    });
            },
            f_dw() {
                var t = this;
                t.$api
                    .req_post("/staff_grow/staff/stLevel/level", {}, "json", false)
                    .then((res) => {
                        if (res.success) {
                            res.result.total = res.result.needScore + res.result.score;
                            res.result.rate = (res.result.score / res.result.total) * 100;
                            t.toptitleinfo = res.result;
                        }
                    });
            },

            f_substring(r) {
                if (isnull(r) != "") {
                    return r.substring(0, 10);
                }
            },

            showDropdownList: function () {
                this.hideDropdownListdep();
                this.selectH = 246;
                this.tabIndex = 0;
            },
            hideDropdownList: function () {
                this.selectH = 0;
            },
            hideDropdownListjys: function () {
                this.selectHjys = 0;
            },
            dropdownItem: function (e) {
                var t = this;
                let index = Number(e.currentTarget.dataset.index);
                let arr = this.filterData[0];
                for (let i = 0; i < arr.length; i++) {
                    if (i === index) {
                        arr[i].selected = true;
                    } else {
                        arr[i].selected = false;
                    }
                }
                this.filterData[0] = arr;
                console.log(this.filterData[0][index]);
                this.selectedName = this.filterData[0][index].text;
                t.targetBatchId = t.filterData[0][index].value;
                this.selectH = 0;
                t.navList[1].finished = false;
                t.navList[1].page = 1;
                t.navList[1].orderList = [];
                t._getranklist();
            },
            screen: function (e) {
                let index = e.currentTarget.dataset.index;
                this.hideDropdownList();
                if (index == 0) {
                    this.showDropdownList();
                } else if (index == 1) {
                    this.tabIndex = 1;
                } else if (index == 2) {
                    this.isList = !this.isList;
                } else if (index == 3) {
                    this.drawer = true;
                }
            },

            showDropdownListdep: function () {
                this.hideDropdownList();
                this.selectHdep = 246;
                this.tabIndexdep = 0;
            },
            dropdownItemdep: function (e) {
                var t = this;
                let index = Number(e.currentTarget.dataset.index);
                let arr = this.filterData[4];
                for (let i = 0; i < arr.length; i++) {
                    if (i === index) {
                        arr[i].selected = true;
                    } else {
                        arr[i].selected = false;
                    }
                }
                this.filterData[4] = arr;
                console.log(this.filterData[4][index]);
                this.selectedNamedep = this.filterData[4][index].text;
                t.deptId = t.filterData[4][index].value;
                this.selectHdep = 0;
                t.navList[1].finished = false;
                t.navList[1].page = 1;
                t.navList[1].orderList = [];
                t._getranklist();
            },
            screendep: function (e) {
                let index = e.currentTarget.dataset.index;
                this.hideDropdownListdep();
                if (index == 0) {
                    this.showDropdownListdep();
                } else if (index == 1) {
                    this.tabIndex = 1;
                } else if (index == 2) {
                    this.isList = !this.isList;
                } else if (index == 3) {
                    this.drawer = true;
                }
            },
            showDropdownListjys: function () {
                this.hideDropdownList();
                this.selectHjys = 246;
                this.tabIndexjys = 0;
            },
            dropdownItemjys: function (e) {
                var t = this;
                let index = Number(e.currentTarget.dataset.index);
                let arr = this.filterData[5];
                for (let i = 0; i < arr.length; i++) {
                    if (i === index) {
                        arr[i].selected = true;
                    } else {
                        arr[i].selected = false;
                    }
                }
                this.filterData[5] = arr;
                this.selectedNamejys = this.filterData[5][index].text;
                t.sectionId = t.filterData[5][index].value;
                this.selectHjys = 0;
                t.navList[1].finished = false;
                t.navList[1].page = 1;
                t.navList[1].orderList = [];
                t._getranklist();
            },
            screenjys: function (e) {
                let index = e.currentTarget.dataset.index;
                this.hideDropdownListjys();
                if (index == 0) {
                    this.showDropdownListjys();
                } else if (index == 1) {
                    this.tabIndex = 1;
                } else if (index == 2) {
                    this.isList = !this.isList;
                } else if (index == 3) {
                    this.drawer = true;
                }
            },
            screenjys: function (e) {
                let index = e.currentTarget.dataset.index;
                this.hideDropdownListjys();
                if (index == 0) {
                    this.showDropdownListjys();
                } else if (index == 1) {
                    this.tabIndex = 1;
                } else if (index == 2) {
                    this.isList = !this.isList;
                } else if (index == 3) {
                    this.drawer = true;
                }
            },
            hideDropdownListdep: function () {
                this.selectHdep = 0;
            },
            changerankdata(index) {
                var t = this;
                t.ranktotal = 0;
                t.targetBatchId = t.filterData[0][index].value;
                t.navList[1].finished = false;
                t.navList[1].page = 1;
                t.navList[1].orderList = [];
                console.log(t.$refs.uDropdowndep);
                t._getranklist();
                var tt = t.$refs.uDropdowndep;
                tt[0].close();
            },
            changerankdatadep(index) {
                var t = this;
                t.ranktotal = 0;
                t.deptId = t.filterData[4][index].value;
                t.navList[1].finished = false;
                t.navList[1].page = 1;
                t.navList[1].orderList = [];
                t._getranklist();
                var tt = t.$refs.uDropdowndep;
                tt[0].close();
            },
            f_rankPm(requestParams) {
                var t = this;
                return new Promise((res, rej) => {
                    let params = requestParams;
                    if (!params) {
                        params = {
                            pageNo: t.rankpage,
                            pageSize: t.ranksize,
                            targetBatchId: t.targetBatchId,
                            deptId: t.deptId,
                        };
                    }
                    setTimeout(() => {
                        t.$api
                            .req_post(
                                "staff_grow/staff/stStaffTarget/getSchoolRank",
                                params,
                                "json",
                                false
                            )
                            .then((val) => {
                                res(val);
                            });
                    }, 500);
                });
            },
            async _getranklist(source) {
                var t = this;
                let navItem = t.navList[1];
                if (navItem.finished) return;
                if (navItem.loading == "loading") return;
                //tab切换只有第一次需要加载数据
                // if (source === 'tabChange' && navItem.finished) return;
                navItem.loading = "loading";
                // 根据实际情况修改自己修改key
                let res = await t.f_rankPm({
                    pageNo: navItem.page,
                    pageSize: navItem.rows,
                    targetBatchId: t.targetBatchId,
                    deptId: t.deptId,
                    sectionId: t.sectionId
                });
                if (res.success) {
                    navItem.loading = "more";
                    navItem.total = res.result.total;
                    res.result.records.forEach((a) => {
                        t.navList[1].orderList.push(a);
                    });
                    if (navItem.page > parseInt((navItem.total - 1) / navItem.rows)) {
                        navItem.loading = "more";
                        navItem.finished = true;
                    }
                    navItem.page++;
                } else {
                    navItem.loading = "nomore";
                    this.$refs.uToast.show({
                        title: "异常错误",
                        type: "error",
                    });
                }
            },
            f_scoreTab(a) {
                this.scoreTab = a;
            },

            close() {
                var t = this;

                t.$refs.dialogInput.close();
            },
            f_editpass() {
                var t = this;
                t.$refs.dialogInput.open();
            },
            onFail() {
                var t = this;
                var yz = t.f.valid(t.form, {
                    key: {
                        kts: "请输入驳回备注",
                    },
                });
                if (yz) {
                    this.$refs.uToast.show({
                        title: yz,
                        type: "error",
                    });
                    return;
                } else {
                    var obj = {
                        statusText: t.form.key,
                        verifyScore: t.form.verifyScore,
                        id: t.shid,
                        status: "2",
                    };
                    t.$api
                        .req_post("staff_grow/staff/stStaffTarget/verify", obj, "")
                        .then((res) => {
                            if (res.success) {
                                t.f_loadalldata();
                                t.close();
                            } else {
                                this.$refs.uToast.show({
                                    title: res.message,
                                    type: "error",
                                });
                            }
                        });
                }
            },
            onOk() {
                var t = this;
                var yz = t.f.valid(t.form, {
                    key: {
                        kts: "请输入审核备注",
                    },
                });
                if (yz) {
                    this.$refs.uToast.show({
                        title: yz,
                        type: "error",
                    });
                    return;
                } else {
                    var obj = {
                        id: t.shid,
                        status: "1",
                        statusText: t.form.key,
                        verifyScore: t.form.verifyScore,
                    };
                    t.$api
                        .req_post("staff_grow/staff/stStaffTarget/verify", obj, "")
                        .then((res) => {
                            if (res.success) {
                                t.f_loadalldata();
                                t.close();
                            } else {
                                this.$refs.uToast.show({
                                    title: res.message,
                                    type: "error",
                                });
                            }
                        });
                }
            },
            async _getalllist() {

                var t = this;
                if (!t.isadmin) {
                    return;
                }
                let navItem = t.navList[2];
                if (navItem.finished) return;
                if (navItem.loading == "loading") return;
                //tab切换只有第一次需要加载数据
                // if (source === 'tabChange' && navItem.finished) return;
                navItem.loading = "loading";
                // 根据实际情况修改自己修改key
                // 根据实际情况修改自己修改key
                let res = await t.f_loadalldata({
                    pageNo: navItem.page,
                    pageSize: navItem.rows,
                    name: "**",
                    id: t.id,
                    statuses: t.currentShenhe == 1 ? [1, 2] : [],
                    // currentShenhe
                    status: t.currentShenhe == 0 ? 0 : '',
                });
                if (res.success) {
                    navItem.loading = "more";
                    navItem.total = res.result.total;
                    res.result.records.forEach((a) => {
                        t.navList[2].orderList.push(a);
                    });
                    if (navItem.page > parseInt((navItem.total - 1) / navItem.rows)) {
                        navItem.loading = "more";
                        navItem.finished = true;
                    }
                    navItem.page++;
                } else {
                    navItem.loading = "nomore";
                    this.$refs.uToast.show({
                        title: "异常错误",
                        type: "error",
                    });
                    // t.f.alert_err(res)
                }
            },
            f_loadalldata(requestParams) {
                var t = this;
                return new Promise((res, rej) => {
                    let params = requestParams;
                    if (!params) {
                        params = {
                            staffId: t.$cfg.user().id,
                            pageNo: t.allpage,
                            pageSize: t.allsize,
                            name: "**",
                            id: t.id,
                            status: t.value6,
                        };
                    }
                    setTimeout(() => {
                        t.$api
                            .req_post("staff_grow/staff/stStaffTarget/list", params, "", false)
                            .then((val) => {
                                console.log(params);
                                res(val);
                            });
                    }, 500);
                });
                return;
                let navItem = t.alldata;
                if (navItem.finished) return;
                if (navItem.loading == "loading") {
                    return;
                }
                navItem.loading = "loading";
                //tab切换只有第一次需要加载数据
                if (source === "tabChange" && navItem.finished) return;
                var obj = {
                    // staffId: t.$cfg.user().id,
                    pageNo: t.alldata.page,
                    pageSize: t.alldata.rows,
                    name: " **",
                };
                t.$api
                    .req_post("staff_grow/staff/stStaffTarget/list", obj, "form")
                    .then((res) => {
                        if (res.success) {
                            navItem.loading = "more";
                            navItem.total = res.result.total;
                            res.result.records.forEach((a) => {
                                a.show = false;
                                navItem.datalist.push(a);
                                if (a.status == "0") {
                                    a.options = [
                                        {
                                            text: "审核",
                                            style: {
                                                backgroundColor: "#19be6b",
                                            },
                                        },
                                        {
                                            text: "删除",
                                            style: {
                                                backgroundColor: "rgb(255,58,49)",
                                            },
                                        },
                                        {
                                            text: "详情",
                                            style: {
                                                backgroundColor: " rgb(0, 122, 255)",
                                            },
                                        },
                                    ];
                                } else {
                                    a.options = [
                                        {
                                            text: "详情",
                                            style: {
                                                backgroundColor: " rgb(0, 122, 255)",
                                            },
                                        },
                                    ];
                                }
                            });
                            if (navItem.page > parseInt((navItem.total - 1) / navItem.rows)) {
                                navItem.loading = "nomore";
                                navItem.finished = true;
                            }
                            if (source == undefined) {
                                navItem.page++;
                            }
                        } else {
                            navItem.loading = "nomore";
                            this.$refs.uToast.show({
                                title: "异常错误",
                                type: "error",
                            });
                            // t.f.alert_err(res)
                        }
                    });
            },
            stopTouchMove() {
                return true;
            },

            open(index) {
                var t = this;
                if (t.growdata.datalist[index].status == "1") {
                    t.options = [
                        {
                            text: "详情",
                            style: {
                                backgroundColor: "#007aff",
                            },
                        },
                    ];
                } else {
                    t.options = [
                        {
                            text: "详情",
                            style: {
                                backgroundColor: "#007aff",
                            },
                        },
                        {
                            text: "删除",
                            style: {
                                backgroundColor: "#dd524d",
                            },
                        },
                    ];
                }
                t.growdata.datalist[index].show = true;
                t.growdata.datalist.map((val, idx) => {
                    if (index != idx) t.growdata.datalist[idx].show = false;
                });
            },
            open1(index) {
                var t = this;
                if (t.alldata.datalist[index].status == "1") {
                    t.options1 = [
                        {
                            text: "详情",
                            style: {
                                backgroundColor: "#007aff",
                            },
                        },
                    ];
                } else {
                    t.options1 = [
                        {
                            text: "审核",
                            style: {
                                backgroundColor: "#007aff",
                            },
                        },
                        {
                            text: "删除",
                            style: {
                                backgroundColor: "#dd524d",
                            },
                        },
                        {
                            text: "详情",
                            style: {
                                backgroundColor: "#007aff",
                            },
                        },
                    ];
                }
                t.alldata.datalist[index].show = true;
                t.alldata.datalist.map((val, idx) => {
                    if (index != idx) t.alldata.datalist[idx].show = false;
                });
            },
            f_loadwd() {
                var t = this;
                let obj = {
                    pageNo: 1,
                    pageSize: 2000000,
                };
                t.$api
                    .req_post("staff_grow/staff/stTargetDimension/list", obj, "form")
                    .then((res) => {
                        if (res.success) {
                            var arr = [];
                            for (let i = 0; i < res.result.records.length; i++) {
                                let e = res.result.records[i];
                                var obj = {
                                    value: e.id,
                                    text: e.name,
                                    label: e.name,
                                    selected: false,
                                };
                                arr.push(obj);
                            }
                            this.listxn1 = this.filterData[1].concat(arr);
                            arr = arr.reverse();
                            this.filterData[1] = this.filterData[1].concat(arr);
                        } else {
                            navItem.loading = "nomore";
                            this.$refs.uToast.show({
                                title: "异常错误",
                                type: "error",
                            });
                            // t.f.alert_err(res)
                        }
                    });
            },
            f_loaddep() {
                var t = this;
                t.$api.req_common("clientDept/findALL-Depts", {}, "form").then((res) => {
                    var arr = [];
                    for (let i = 0; i < res.length; i++) {
                        let e = res[i];
                        var obj = {
                            value: e.id,
                            text: e.deptName,
                            label: e.deptName,
                            selected: false,
                        };
                        arr.push(obj);
                    }
                    arr = arr.reverse();
                    this.filterData[4] = this.filterData[4].concat(arr);
                });
            },
            f_loadpc() {
                var t = this;
                let obj = {
                    pageNo: 1,
                    pageSize: 2000000,
                };
                t.$api
                    .req_post("staff_grow/staff/stTargetBatch/list", obj, "form")
                    .then((res) => {
                        if (res.success) {
                            var arr = [];
                            for (let i = 0; i < res.result.records.length; i++) {
                                let e = res.result.records[i];
                                var obj = {
                                    value: e.id,
                                    text: e.name,
                                    label: e.name,
                                    selected: false,
                                };
                                arr.push(obj);
                            }
                            this.listxn1 = this.filterData[0].concat(arr);
                            arr = arr.reverse();
                            this.filterData[0] = this.filterData[0].concat(arr);
                        } else {
                            navItem.loading = "nomore";
                            this.$refs.uToast.show({
                                title: "异常错误",
                                type: "error",
                            });
                            // t.f.alert_err(res)
                        }
                    });
            },
            f_godetail(index, index1) {
                var t = this;
                if (index1 == 1) {
                    t.f.comfirm("是否删除？", (_) => {
                        t.$api
                            .req_post(
                                "staff_grow/staff/stStaffTarget/delete",
                                { id: t.growdata.datalist[index].id },
                                "form",
                                false
                            )
                            .then((res) => {
                                if (res.success) {
                                    t.growdata.datalist.splice(index, 1);
                                    t.growdata.datalist[index].show = false;
                                    t.growdata.datalist[index].options = [];

                                    t.$refs.uToast.show({
                                        title: res.message,
                                        type: "success",
                                        // url: '/pages/submissList/submissList'
                                    });
                                }
                            });
                    });
                    // this.$u.toast(`删除了第${index}个cell`);
                } else {
                    // this.$u.toast(`收藏成功`);
                    uni.navigateTo({
                        url: `/ygtbPackages/pages/submission/submission?id=${t.growdata.datalist[index].id}`,
                    });
                    t.growdata.datalist[index].show = false;
                }
            },

            f_shdetail(a) {
                uni.navigateTo({
                    url: `/ygtbPackages/pages/submission/submission?id=${a.id}`,
                });
            },
            f_dfjldetail(a, i) {
                uni.navigateTo({
                    url: `/ygtbPackages/pages/submission/submission?id=${a.id}`,
                });
            },
            handleFab(e, i) {
                uni.navigateTo({
                    url: `/ygtbPackages/pages/submission/submission?lx=${e}&&type=${i}`,
                });
            },

            loadData(requestParams) {
                let t = this;
                return new Promise((res, rej) => {
                    let params = requestParams;
                    if (!params) {
                        params = {
                            staffId: t.$cfg.user().id,
                            pageNo: t.page,
                            pageSize: t.size,
                            name: "**",
                        };
                    }
                    setTimeout(() => {
                        t.$api
                            .req_post("staff_grow/staff/stStaffTarget/list", params, "", false)
                            .then((val) => {
                                res(val);
                            });
                    }, 500);
                });
                return;
                let navItem = t.growdata;
                if (navItem.finished) return;
                if (navItem.loading == "loading") {
                    return;
                }
                navItem.loading = "loading";
                //tab切换只有第一次需要加载数据
                if (source === "tabChange" && navItem.finished) return;
                var obj = {
                    staffId: t.$cfg.user().id,
                    pageNo: t.page,
                    pageSize: t.size,
                    name: "**",
                };
                t.$api
                    .req_post("staff_grow/staff/stStaffTarget/list", obj, "form")
                    .then((res) => {
                        if (res.success) {
                            navItem.loading = "more";
                            navItem.total = res.result.total;
                            res.result.records.forEach((a) => {
                                a.show = false;
                                if (a.status == "0") {
                                    a.options = [
                                        {
                                            text: "删除",
                                            style: {
                                                backgroundColor: "rgb(255,58,49)",
                                            },
                                        },
                                        {
                                            text: "详情",
                                            style: {
                                                backgroundColor: " rgb(0, 122, 255)",
                                            },
                                        },
                                    ];
                                } else {
                                    a.options = [
                                        {
                                            text: "详情",
                                            style: {
                                                backgroundColor: " rgb(0, 122, 255)",
                                            },
                                        },
                                    ];
                                }
                                navItem.datalist.push(a);
                            });
                            if (navItem.page > parseInt((navItem.total - 1) / navItem.rows)) {
                                navItem.loading = "nomore";
                                navItem.finished = true;
                            }
                            navItem.page++;
                        } else {
                            navItem.loading = "nomore";
                            this.$refs.uToast.show({
                                title: "异常错误",
                                type: "error",
                            });
                            // t.f.alert_err(res)
                        }
                    });
            },
            async _getList(source) {
                var t = this;
                let navItem = t.navList[0];
                if (navItem.finished) return;
                if (navItem.loading == "loading") return;
                //tab切换只有第一次需要加载数据
                if (source === "tabChange" && navItem.finished) return;
                navItem.loading = "loading";
                // 根据实际情况修改自己修改key
                let res = await t.loadData({
                    staffId: t.$cfg.user().id,
                    pageNo: navItem.page,
                    pageSize: navItem.rows,
                    name: "**",
                });

                if (res.success) {
                    navItem.loading = "more";
                    navItem.total = res.result.total;
                    res.result.records.forEach((a) => {
                        a.show = false;
                        t.navList[0].orderList.push(a);
                        t.list.push(a);
                    });
                    if (navItem.page > parseInt((navItem.total - 1) / navItem.rows)) {
                        navItem.loading = "more";
                        navItem.finished = true;
                    }
                    navItem.page++;
                    t.total = res.result.total;
                } else {
                    navItem.loading = "nomore";
                    this.$refs.uToast.show({
                        title: "异常错误",
                        type: "error",
                    });
                    // t.f.alert_err(res)
                }
                // let self = this;
            },

            loadscore(source) {
                var t = this;
                t.$api
                    .req_post(
                        "staff_grow/staff/stStaffTarget/getMyScoreAndRank",
                        {},
                        "form"
                    )
                    .then((res) => {
                        if (res.success) {
                            t.myscore = res.result;
                        } else {
                            this.$refs.uToast.show({
                                title: "异常错误",
                                type: "error",
                            });
                        }
                    });
            },
            onSelected(res) {
                var t = this;
                if (res[0].length != 0) {
                    t.schoolYear = res[0][0].value;
                    // if (res[0][0].text == '全部') {
                    //     t.schoolTerm == ''
                    // } else {
                    //     t.schoolTerm = res[0][0].text
                    // }
                }
                if (res[1].length != 0) {
                    t.schoolTerm = res[1][0].value;
                }
                if (res[2].length != 0) {
                    if (res[2][0].text == "全部") {
                        t.ststus = "";
                    } else {
                        t.ststus = res[2][0].value;
                    }
                    // t.ststus = res[2][0].value
                }
                t.growdata.page = 1;
                // loading: 'more',
                t.growdata.finished = false;
                t.growdata.loading = "more";
                t.growdata.datalist = [];
                // t.schoolYear = res[1][0].text
                // t.ststus = res[2][0].value
                t.loadData("source");
            },
            onSelected1(res) {
                var t = this;
                if (res[0].length != 0) {
                    t.schoolYear = res[0][0].value;
                }
                if (res[1].length != 0) {
                    t.schoolTerm = res[1][0].value;
                }
                if (res[2].length != 0) {
                    if (res[2][0].text == "全部") {
                        t.alldata.page = 1;
                        t.ststus = "";
                    } else {
                        t.ststus = res[2][0].value;
                    }
                }
                // t.alldata.page = 1
                t.alldata.finished = false;
                t.alldata.loading = "more";
                t.alldata.datalist = [];
                t.f_loadalldata("souce");
            },
            // tab栏切换
            change(index) {
                this.swiperCurrent = index;
            },
            tabSelectShenhe(e) {
                var t = this;
                t.currentShenhe = e;
                t.shstatus = e;
                t.navList[2].finished = false;
                t.navList[2].page = 1;
                t.navList[2].orderList = [];
                t._getalllist();

            },
            tabSelect(e) {
                var t = this;
                // this.swiperCurrent = index;
                this.current = e;
                if (this.current == 0) {
                    t.navList[0].finished = false;
                    t.navList[0].page = 1;
                    t.navList[0].orderList = [];
                    this._getList("tabChange");
                }
                if (this.current == 1) {
                    t.navList[1].finished = false;
                    t.navList[1].page = 1;
                    t.navList[1].orderList = [];
                    this._getranklist("tabChange");
                }
                if (this.current == 2) {
                    t.navList[2].finished = false;
                    t.navList[2].page = 1;
                    t.navList[2].orderList = [];
                    this._getalllist("tabChange");
                }
            },
            transition({ detail: { dx } }) {
                this.$refs.tabs.setDx(dx);
            },
            animationfinish({ detail: { current } }) {
                this.$refs.tabs.setFinishCurrent(current);
                this.swiperCurrent = current;
                this.current = current;
            },
        },
    };
</script>
<style lang="scss">
    .order {
        border-bottom: 1px solid rgba(0, 0, 0, 0.07);
        /* width: 710rpx; */
        background-color: #ffffff;
        box-shadow: 0 2px 4px #e1e5e9;
        /* margin: 10rpx auto; */
        /* border-radius: 20rpx; */
        box-sizing: border-box;
        /* padding: 20rpx 0; */
        font-size: 28rpx;

        .item {
            width: 100%;
            padding: 0 20px;

            .itemtitle {
                padding: 10rpx 0;
                font-size: $uni-font-size-lg;
                color: $uni-text-primary;
            }

            .itemlist {
                padding: 10rpx 0;
                font-size: $uni-font-size-sm + 2rpx;

                .tit {
                    color: $uni-text-color-grey;
                }

                .val {
                    color: $uni-text-primary;
                }
            }
        }
    }

    .dfpm {
        width: 100%;
        display: flex;
        padding: 0 20rpx;

        .df {
            align-items: center;
            background-color: $uni-color-success;
            width: 50%;
            flex-direction: column;
            display: flex;
            color: $uni-color-white;
            padding: 10rpx 0;
            font-size: $uni-font-size-lg;

            .val {
                font-size: $uni-font-size-lg;
            }
        }

        .pm {
            align-items: center;
            background-color: $uni-color-warning;
            width: 50%;
            flex-direction: column;
            display: flex;
            color: $uni-color-white;
            padding: 10rpx 0;
            font-size: $uni-font-size-lg;
        }
    }

    .wrap {
        display: flex;
        flex-direction: column;
        height: calc(100vh - var(--window-top));
        width: 100%;
    }

    .swiper-box {
        flex: 1;
    }

    .swiper-item {
        height: 100%;
    }

    .page-box {
        /* padding: 20rpx 0; */
    }

    .mainitem {
        /*  #ifdef  MP-WEIXIN  */
        /* padding-top: 20rpx; */
        /*  #endif  */
    }

    /* .order:first-child {
        padding-top: 0 !important;
    } */

    .uni-swipe:first-child {
        /*  #ifdef  MP-WEIXIN  */
        /* padding-top: 0; */
        /*  #endif  */
    }

    .uni-swipe {
        /*  #ifdef  MP-WEIXIN  */
        /* padding-top: 10rpx !important; */
        border-bottom: 1px solid rgba(0, 0, 0, 0.07);
        /*  #endif  */
    }

    .uni-swipe_content {
        /*  #ifdef  MP-WEIXIN  */
        /* padding: 10rpx 0 !important; */
        /*  #endif  */
    }

    .tabbb::after {
        position: absolute;
        top: 0;
        left: 0;
        box-sizing: border-box;
        width: 200%;
        height: 200%;
        border-bottom: 1upx solid #ddd;
        border-radius: inherit;
        content: " ";
        transform: scale(0.5);
        transform-origin: 0 0;
        pointer-events: none;
    }

    .nav {
        height: 80rpx !important;
    }

    .nav .cu-item {
        height: 80rpx !important;
        line-height: 80rpx !important;
    }

    .s_l {
        display: flex;
        flex-direction: column;
        padding: 5rpx 0;
        flex: 1;

        .info_item {
            position: relative;
            width: 100%;
            background-color: #ffffff;
            margin-right: 5upx;
            border-radius: 10upx;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 10upx;
            box-shadow: 0 10rpx 30rpx #ddd;

            text {
                font-size: 24rpx;
                font-weight: 500;
                color: rgba(51, 51, 51, 1);
                line-height: 25px;
            }

            view {
                /* font-size: 14px;
                font-weight: 400;
                color: rgba(102, 102, 102, 1);
                line-height: 20px;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;

                flex-direction: column; */
            }
        }

        .info_item:active {
            background-color: #f4f4f4;
        }
    }

    .steps {
        display: flex;
        flex-direction: column;

        .steps_item {
            display: flex;

            .s_r {
                padding: 0 20rpx;
                display: flex;
                flex-direction: column;
                align-items: center;

                .line {
                    flex: 1;
                    width: 5rpx;
                    background-color: #fff;
                }

                .index {
                    width: 25rpx;
                    height: 25rpx;
                    font-size: 12px;
                    text-align: center;
                    line-height: 25rpx;
                    border-radius: 50%;
                }
            }
        }
    }

    .uni-swipe {
        border-bottom: none !important;
    }

    .roll {
        /* padding: 32rpx; */
    }

    .roll_con {
        height: 230rpx;
        overflow: hidden;
    }

    .roll_list {
        display: flex;
        align-items: center;
        margin-bottom: 16rpx;
    }

    .roll_dot {
        width: 8rpx;
        height: 8rpx;
        background: #f67001;
        border-radius: 8rpx;
    }

    .roll_title {
        display: flex;
        justify-content: space-between;
        padding: 2rpx 10rpx;
        font-size: 24rpx;
        width: calc(100% - 26rpx);
        font-size: 26rpx;
        line-height: 26rpx;
        color: #707070;
        margin-left: 16rpx;
        /* display: inline-block; */
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    /* 隐藏scroll-view滚动条*/
    ::-webkit-scrollbar {
        width: 0;
        height: 0;
        color: transparent;
    }

    /*header*/
    .tui-header {
        width: 100%;
        padding-top: 34rpx;
        /* box-shadow: 0 15rpx 10rpx -15rpx #f2f2f2; */
        box-sizing: border-box;
        background-color: #fff;
        position: fixed;
        z-index: 1000;
    }

    .tui-header-top,
    .tui-header-bottom {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 26rpx;
        color: #333;
    }

    .tui-top-item {
        height: 26rpx;
        line-height: 26rpx;
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .tui-topitem-active {
        position: relative;
        font-weight: bold;
    }

    .tui-topitem-active::after {
        content: "";
        position: absolute;
        width: 44rpx;
        height: 6rpx;
        background: #5677fc;
        border-radius: 6rpx;
        bottom: -10rpx;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .tui-price-arrow {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 20rpx;
    }

    .tui-bottom-item .tui-icon-class,
    .tui-screen .tui-icon-class {
        margin-left: 6rpx;
    }

    .tui-icon-box {
        line-height: 12px !important;
        padding: 0 !important;
        display: block !important;
        position: relative;
    }

    .tui-arrow-up {
        top: 5px;
    }

    .tui-arrow-down {
        top: -3px;
    }

    .tui-header-bottom {
        margin-top: 56rpx;
        height: 108rpx;
        padding: 0 30rpx;
        box-sizing: border-box;
        font-size: 26rpx;
        align-items: flex-start;
        overflow: hidden;
    }

    .tui-bottom-text {
        line-height: 26rpx;
    }

    .tui-bottom-item {
        flex: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 18rpx 12rpx;
        border-radius: 40rpx;
        box-sizing: border-box;
        background: #f2f2f2;
        margin-right: 20rpx;
        white-space: nowrap;
    }

    .tui-bottom-item:last-child {
        margin-right: 0;
    }

    .tui-btmItem-active {
        padding-bottom: 60rpx;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .tui-bold {
        font-weight: bold;
    }

    .tui-active {
        color: #5677fc;
    }

    .tui-ml {
        margin-left: 6rpx;
    }

    .tui-seizeaseat-20 {
        height: 20rpx;
    }

    .tui-seizeaseat-30 {
        height: 30rpx;
    }

    .tui-middle {
        vertical-align: middle;
    }

    .tui-drop-item .tui-icon-class {
        vertical-align: middle;
    }

    /*header*/

    /*header 下拉选择*/

    .tui-scroll-box {
        width: 100%;
        height: 480rpx;
        box-sizing: border-box;
        position: relative;
        z-index: 99;
        color: #fff;
        font-size: 30rpx;
        word-break: break-all;
    }

    .tui-drop-item {
        color: #333;
        height: 80rpx;
        font-size: 28rpx;
        padding: 20rpx 40rpx 20rpx 40rpx;
        box-sizing: border-box;
        display: inline-block;
        width: 50%;
    }

    .tui-drop-btnbox {
        width: 100%;
        height: 100rpx;
        position: absolute;
        left: 0;
        bottom: 0;
        box-sizing: border-box;
        display: flex;
    }

    .tui-drop-btn {
        width: 50% !important;
        border-radius: 0 !important;
        font-size: 32rpx !important;
        text-align: center;
        height: 100rpx;
        line-height: 100rpx;
        border: 0;
    }

    /*header 下拉选择*/

    .top-dropdown {
        margin-top: 360rpx;
        padding: 0 40rpx;
        box-sizing: border-box;
    }

    .tui-share-box {
        padding: 0 50rpx;
        box-sizing: border-box;
    }

    .tui-drop-input-box {
        padding: 50rpx;
        box-sizing: border-box;
    }

    .tui-animation {
        display: inline-block;
        transform: rotate(0deg);
        transition: all 0.2s;
    }

    .tui-animation-show {
        transform: rotate(180deg);
    }

    .tui-selected-list {
        background-color: #fff;
        border-radius: 20rpx;
        overflow: hidden;
        transform: translateZ(0);
    }

    .tui-dropdown-scroll {
        height: 400rpx;
    }

    .tui-cell-class {
        display: flex;
        align-items: center;
        padding: 26rpx 30rpx !important;
    }

    .tui-ml-20 {
        margin-left: 20rpx;
    }

    .tui-share {
        background: #e8e8e8;
        position: relative;
        padding-bottom: env(safe-area-inset-bottom);
    }

    .tui-share-title {
        font-size: 26rpx;
        color: #7e7e7e;
        text-align: center;
        line-height: 26rpx;
        padding: 20rpx 0 50rpx 0;
    }

    .tui-share-top,
    .tui-share-bottom {
        min-width: 101%;
        padding: 0 20rpx 0 30rpx;
        white-space: nowrap;
    }

    .tui-mt {
        margin-top: 30rpx;
        padding-bottom: 150rpx;
    }

    .tui-share-item {
        width: 126rpx;
        display: inline-block;
        margin-right: 26rpx;
        text-align: center;
    }

    .tui-item-last {
        margin: 0;
    }

    .tui-empty {
        display: inline-block;
        width: 30rpx;
        visibility: hidden;
    }

    .tui-share-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fafafa;
        height: 126rpx;
        width: 126rpx;
        border-radius: 32rpx;
    }

    .tui-share-text {
        font-size: 26rpx;
        color: #7e7e7e;
        line-height: 26rpx;
        padding: 20rpx 0;
        white-space: nowrap;
    }

    .tui-btn-cancle {
        width: 100%;
        height: 100rpx;
        position: absolute;
        left: 0;
        bottom: 0;
        background: #f6f6f6;
        font-size: 36rpx;
        color: #3e3e3e;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-bottom: env(safe-area-inset-bottom);
    }

    .tui-hover {
        background: rgba(0, 0, 0, 0.2);
    }

    .tui-header-screen {
        top: 0;
        width: 100%;
        border-bottom: 1px solid #dedede;
        box-sizing: border-box;
        background: #fff;
        position: fixed;
        z-index: 1000;
    }

    .tui-screen-top,
    .tui-screen-bottom {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 28rpx;
        color: #333;
    }

    .tui-screen-top {
        height: 88rpx;
        position: relative;
        background: #fff;
    }

    .tui-top-item {
        height: 28rpx;
        line-height: 28rpx;
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .tui-topitem-active {
        color: #e41f19;
    }

    .tui-screen-bottom {
        height: 100rpx;
        padding: 0 30rpx;
        box-sizing: border-box;
        font-size: 26rpx;
        align-items: center;
        overflow: hidden;
    }

    .tui-bottom-text {
        line-height: 26rpx;
        max-width: 82%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .tui-bottom-item {
        flex: 1;
        width: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 12rpx;
        box-sizing: border-box;
        background-color: #f7f7f7;
        margin-right: 20rpx;
        white-space: nowrap;
        height: 60rpx;
        border-radius: 40rpx;
    }

    .tui-bottom-item:last-child {
        margin-right: 0;
    }

    .tui-btmItem-active {
        background-color: #fcedea !important;
        color: #e41f19;
        font-weight: bold;
        position: relative;
    }

    .tui-btmItem-active::after {
        content: "";
        position: absolute;
        border: 1rpx solid #e41f19;
        width: 100%;
        height: 100%;
        border-radius: 40rpx;
        left: 0;
        top: 0;
    }

    .tui-btmItem-tap {
        position: relative;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .tui-btmItem-tap::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 24rpx;
        background: #f7f7f7;
        left: 0;
        top: 58rpx;
    }

    .tui-bold {
        font-weight: bold;
    }

    .tui-active {
        color: #e41f19;
    }

    .tui-addr-left {
        padding-left: 6rpx;
    }

    .tui-seizeaseat-20 {
        height: 20rpx;
    }

    .tui-seizeaseat-30 {
        height: 30rpx;
    }

    /*screen*/

    /*顶部下拉选择 属性*/

    /*顶部下拉选择 综合*/

    .tui-dropdownlist {
        width: 100%;
        position: absolute;
        background-color: #fff;
        border-bottom-left-radius: 26rpx;
        border-bottom-right-radius: 26rpx;
        overflow: hidden;
        box-sizing: border-box;
        padding-top: 10rpx;
        padding-bottom: 26rpx;
        left: 0;
        top: 88rpx;
        visibility: hidden;
        transition: all 0.2s ease-in-out;
        z-index: 999;
    }

    .tui-dropdownlist-show {
        visibility: visible;
    }

    .tui-dropdownlist-mask {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.6);
        z-index: -1;
        transition: all 0.2s ease-in-out;
        opacity: 0;
        visibility: hidden;
    }

    .tui-mask-show {
        opacity: 1;
        visibility: visible;
    }

    .tui-dropdownlist-item {
        color: #333;
        height: 70rpx;
        font-size: 28rpx;
        padding: 0 40rpx;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .swiper {
        height: 140rpx !important;
    }

    $uni-border-3: #ebeef5 !default;
    $uni-shadow-base: 0 0px 6px 1px rgba($color: #a5a5a5,
        $alpha: 0.2,
    ) !default;
    $uni-main-color: #3a3a3a !default;
    $uni-base-color: #6a6a6a !default;
    $uni-secondary-color: #909399 !default;
    $uni-spacing-sm: 8px !default;
    $uni-border-color: $uni-border-3;
    $uni-shadow: $uni-shadow-base;
    $uni-card-title: 15px;
    $uni-cart-title-color: $uni-main-color;
    $uni-card-subtitle: 12px;
    $uni-cart-subtitle-color: $uni-secondary-color;
    $uni-card-spacing: 10px;
    $uni-card-content-color: $uni-base-color;

    .uni-card {
        margin: $uni-card-spacing;
        padding: 0 $uni-spacing-sm;
        border-radius: 4px;
        overflow: hidden;
        font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB,
            Microsoft YaHei, SimSun, sans-serif;
        background-color: #fff;
        flex: 1;

        .uni-card__cover {
            position: relative;
            margin-top: $uni-card-spacing;
            flex-direction: row;
            overflow: hidden;
            border-radius: 4px;

            .uni-card__cover-image {
                flex: 1;
                // width: 100%;
                /* #ifndef APP-PLUS */
                vertical-align: middle;
                /* #endif */
            }
        }

        .uni-card__header {
            display: flex;
            border-bottom: 1px $uni-border-color solid;
            flex-direction: row;
            align-items: center;
            padding: $uni-card-spacing;
            overflow: hidden;

            .uni-card__header-box {
                /* #ifndef APP-NVUE */
                display: flex;
                /* #endif */
                flex: 1;
                flex-direction: row;
                align-items: center;
                overflow: hidden;
            }

            .uni-card__header-avatar {
                width: 40px;
                height: 40px;
                overflow: hidden;
                border-radius: 5px;
                margin-right: $uni-card-spacing;

                .uni-card__header-avatar-image {
                    flex: 1;
                    width: 40px;
                }
            }

            .uni-card__header-content {
                /* #ifndef APP-NVUE */
                display: flex;
                /* #endif */
                flex-direction: column;
                justify-content: center;
                flex: 1;
                // height: 40px;
                overflow: hidden;

                .uni-card__header-content-title {
                    font-size: $uni-card-title;
                    color: $uni-cart-title-color;
                    // line-height: 22px;
                }

                .uni-card__header-content-subtitle {
                    font-size: $uni-card-subtitle;
                    margin-top: 5px;
                    color: $uni-cart-subtitle-color;
                }
            }

            .uni-card__header-extra {
                line-height: 12px;

                .uni-card__header-extra-text {
                    font-size: 12px;
                    color: $uni-cart-subtitle-color;
                }
            }
        }

        .uni-card__content {
            padding: 0 !important;
            font-size: 14px;
            color: $uni-card-content-color;
            line-height: 22px;
        }

        .uni-card__actions {
            font-size: 12px;
        }
    }

    .uni-card--border {
        border: 1px solid $uni-border-color;
    }

    .uni-card--shadow {
        position: relative;
        /* #ifndef APP-NVUE */
        box-shadow: $uni-shadow;
        /* #endif */
    }

    .uni-card--full {
        margin: 0;
        border-left-width: 0;
        border-left-width: 0;
        border-radius: 0;
    }

    /* #ifndef APP-NVUE */
    .uni-card--full:after {
        border-radius: 0;
    }

    /* #endif */
    .uni-ellipsis {
        /* #ifndef APP-NVUE */
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        /* #endif */
        /* #ifdef APP-NVUE */
        lines: 1;
        /* #endif */
    }

    /* 秒杀专区 */
    .seckill-section {
        /* padding: 4upx 30upx 24upx; */
        background: #fff;

        .s-header {
            display: flex;
            align-items: center;
            height: 92upx;
            line-height: 1;

            .s-img {
                width: 140upx;
                height: 30upx;
            }

            .tip {
                margin: 0 20upx 0 40upx;
            }

            .timer {
                display: inline-block;
                width: 40upx;
                height: 36upx;
                text-align: center;
                line-height: 36upx;
                margin-right: 14upx;
                color: #fff;
                border-radius: 2px;
                background: rgba(0, 0, 0, .8);
            }

            .icon-you {
                flex: 1;
                text-align: right;
            }
        }

        .floor-list {
            white-space: nowrap;
        }

        .scoll-wrapper {
            display: flex;
            align-items: flex-start;
        }

        .floor-item {
            width: 150rpx;
            /* width: 150upx; */
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            margin-right: 20upx;

        }
    }

    .c-index {
        display: inline-block;
        padding: 1px 0;
        color: #fff;
        width: 14px;
        line-height: 100%;
        font-size: 12px;
        text-align: center;
        background-color: #8eb9f5;
    }

    .c-gap-icon-right-small {
        margin-right: 5px;
    }

    .c-index-hot,
    .c-index-hot1 {
        background-color: #f54545;
    }

    .c-index-hot2 {
        background-color: #ff8547;
    }

    .c-index-hot3 {
        background-color: #ffac38;
    }
</style>